{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}Grupos de produtos{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>Grupos de produtos</h1><p>Organize os produtos (por exemplo: Hortifrúti, Irrigação, Ração) para achar rápido e adicionar o grupo inteiro na nota.</p></div>
  <div class="acoes">
    <a class="btn" href="{{ url_for('produtos') }}">{{ icone('produtos') }} Produtos</a>
    <a class="btn prim" href="{{ url_for('grupo_form') }}">{{ icone('mais') }} Novo grupo</a>
  </div>
</div>
{% if grupos %}
<div class="grade-grupos">
  {% for g in grupos %}
  <a class="cartao cartao-grupo" href="{{ url_for('grupo_form', gid=g.id) }}" style="--cor:{{ CORES_GRUPO.get(g.cor, '#1b7352') }}">
    <div class="faixa"></div>
    <div class="corpo">
      <h2>{{ g.nome }}</h2>
      <div class="suave peq">{{ g.descricao or ' ' }}</div>
      <div class="rodape-grupo">
        <span><b>{{ g.qtd }}</b> produto(s)</span>
        {% if g.cfop_interno or g.icms_cst or g.cclasstrib %}<span class="selo info">tributação padrão</span>{% endif %}
      </div>
    </div>
  </a>
  {% endfor %}
</div>
{% else %}
<div class="cartao"><div class="vazio">{{ icone('pasta') }}<div>Nenhum grupo criado ainda.</div>
  <div style="margin-top:12px"><a class="btn prim" href="{{ url_for('grupo_form') }}">{{ icone('mais') }} Criar o primeiro grupo</a></div></div></div>
{% endif %}
{% endblock %}